// element-plus样式重置
@media only screen and (min-width: 0px) and (max-width: 750px){
  body{
    --border-radius: 90rem;
    --input-padding: 20rem;
    font-size: 28rem;
    --header-width: 100%;
    @for $i from 1 through 800{
      --rem-#{$i}: #{$i*2}rem;
      --rem-#{$i}-n: -#{$i*2}rem;
    }
    .system-header{
      border-bottom: var(--rem-1) solid var(--border-prm-h5);
    }
    .system-menus{
      border-right: var(--rem-1) solid var(--border-prm-h5);
    }
    .game-category-box{
      border-radius: var(--rem-20);
    }
    .home-footer-list li,
    .vipclub-h5 .view,
    .game-category-h5,
    .vip-card__box,
    .activity-info-h5,
    .vip-content,
    .promotions-content-h5-wrapper,
    .vipclub li,
    .jackpot,
    .game-content-li-p5,
    .game-category-h5,
    .game-recommend-h5,
    .activity-info-h5{
      box-sizing: border-box;
      border: var(--rem-1) solid var(--border-prm-h5);
    }
  }
  html,body{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    // 滚动条整体宽度
    &::-webkit-scrollbar {
      width: 0;
      display: none;
    }
  }
}

@media only screen and (min-width: 751px) and (max-width: 5200px){
  body{
    --border-radius: 40rem;
    --input-padding: 10rem;
    --header-width: calc(100% - 250rem);
    @for $i from 1 through 800{
      --rem-#{$i}: #{$i}rem;
      --rem-#{$i}-n: -#{$i}rem;
    }
    font-size: 14rem;
    .system-header{
      border-bottom: var(--rem-2) solid var(--border-prm);
    }
    .system-menus{
      border-right: var(--rem-2) solid var(--border-prm);
    }
    .home-footer-list li,
    .vip-card__box,
    .vip-content,
    .promotions-content-wrapper,
    .game-content-list li,
    .vipclub li,
    .jackpot,
    .game-category-pc,
    .game-recommend-pc,
    .activity-info-pc{
      box-sizing: border-box;
      border: var(--rem-2) solid var(--border-prm);
    }
  }
  // 滚动条整体宽度
  ::-webkit-scrollbar {
    width: 5px;
  }
  // 滚动条滑槽样式
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }
  // 滚动条样式
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #ccc;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #999;
  }
  // 浏览器失焦的样式
  ::-webkit-scrollbar-thumb:window-inactive {
    background: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
}
